﻿.autocompletecon .autocomplete {
  display: block;
  position: absolute;
  bottom:100%;
  list-style: none;
  z-index: 50;
  background-color: #fff;
  margin: 0;
  padding: 0;
  border-left: 1px solid #e00345;
  border-right: 1px solid #e00345;
  border-top: 1px solid #e00345;
  overflow: visible;
  border-color:#e00345;
  outline:0;
  -webkit-box-shadow:inset 0 1px 1px rgba(206, 3, 64, .075), 0 0 8px rgba(181, 3, 56, .075, .6);
  box-shadow:inset 0 1px 1px rgba(206, 3, 64, .075, .075), 0 0 8px rgba(181, 3, 56, .075, .6);
  width: 100%;
  border-radius:5px 5px 0 0;
}

.autocompletecon .autocomplete li {
  display: block;
  text-align: left !important;
  color: #000;
  padding-left: 10px;
  height: 35px;
  line-height: 35px;
  border-top:1px solid #a4a3a4;
  border-left:1px solid #a4a3a4;
  border-right:1px solid #a4a3a4;
}

.autocompletecon .autocomplete li:first-child {
  border-top:0px solid #a4a3a4;
}

.autocompletecon .autocomplete li:hover {
  background-color: #f6f4f4;
  cursor:default;
  border-radius:5px 5px 0 0;
}

.autocompletecon .autocomplete li:last-child:hover {
  background-color: #f6f4f4;
  cursor:default;
  border-radius:0px !important;
}

.autocompletecon .autocomplete li.selected { background-color: #f6f4f4; }

@media (max-width:799px) {
.autocompletecon .autocomplete {
  border-left: 1px solid #43b82a;
  border-right: 1px solid #43b82a;
  border-top: 1px solid #43b82a;
  border-color:#43b82a;
  -webkit-box-shadow:inset 0 0px 0px rgba(206, 3, 64, .075), 0 0 0px rgba(181, 3, 56, .075, .6);
  box-shadow:inset 0 0px 0px rgba(206, 3, 64, .075, .075), 0 0 0px rgba(181, 3, 56, .075, .6);
}

.autocompletecon .autocomplete li {
  border-top:1px solid #43b82a;
  border-left:0px solid #43b82a;
  border-right:0px solid #43b82a;
}
}

@media (max-width:450px) {
.autocompletecon .autocomplete {
  margin-bottom: 5px;
}
}

@media (max-width:400px) {
.autocompletecon .autocomplete {
  margin-bottom: 10px;
}
.autocompletecon .autocomplete li {
  height: 30px;
  line-height: 30px;
}
}